<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*选择的是页面的根元素(html标签)*/
			/*:root{
				background: red;
			}*/
			/*选择的是hd里的空标签*/
			/*#hd p:empty{
				width: 200px;
				height: 40px;
				background: blue;
			}*/
			/*选择hd里所有的p标签，排除掉one的*/
			/*#hd p:not(#one){
				width: 200px;
				height: 40px;
				background: blue;
			}*/
			/*火狐  -moz- 谷歌 -webkit- ie -ms- opera -o-*/
			p::selection{
				background: green;
				color: white;
			}
		</style>
	</head>
	<body>
		<div id="hd">
			<p></p>
			<p></p>
			<p>后盾人   人人做后盾0</p>
			<p id='one'>后盾人   人人做后盾1</p>
			<p>后盾人   人人做后盾2</p>
			<p name='shuai'>后盾人   人人做后盾3</p>
			<p>后盾人   人人做后盾4</p>
			<p id='five'>后盾人   人人做后盾5</p>
			<p>后盾人   人人做后盾6</p>
			<p>后盾人   人人做后盾7</p>
			<div>
				<p>我们也是p标签</p>
				<p>我们也是p标签</p>
				<p>我们也是p标签</p>
			</div>
		</div>
		
	</body>
</html>
